<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>「马上就会放晴了喔。」</title>
    <link rel="short icon" href="images/2.png">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="font/iconfont.css">
</head>
<body>

    <div class="box">
        <header>
            <div class="header-left">
                <img src="images/logo.png" alt="">
                <p>天气之子，关心天气，更关心您</p>
            </div>
            <div class="header-right">
                <input id="ipt" type="text" placeholder="在此输入您要查询的城市哟~">
                <span>注：回车即可查看呢！</span>
            </div>
        </header>
        <main>
            <h4>默认城市：伊犁</h4>
           <ul>
               <li>
                   20日(今天)
                   <i class="icon iconfont">&#xe61b;</i>
                    <p class="tianqi"></p>
                   <span class="shidu"></span>
                   <p class="fengxiang"></p>
               </li>
               <li>
                   21日(明天)
                   <i class="icon iconfont">&#xe639;</i>
                   <p class="tianqi"></p>
                   <span class="shidu"></span>
                   <p class="fengxiang"></p>
               </li>
               <li>
                   23日(后天)
                   <i class="icon iconfont icon-qing"></i>
                   <p class="tianqi"></p>
                   <span class="shidu"></span>
                   <p class="fengxiang"></p>
               </li>
               <li>
                   24日(周一)
                   <i class="icon iconfont icon-qing"></i>
                   <p class="tianqi"></p>
                   <span class="shidu"></span>
                   <p class="fengxiang"></p>
               </li>
               <li>
                   25日(周二)
                   <i class="icon iconfont icon-qing"></i>
                   <p class="tianqi"></p>
                   <span class="shidu"></span>
                   <p class="fengxiang"></p>
               </li>
               <li>
                   26日(周三)
                   <i class="icon iconfont">&#xe639;</i>
                   <p class="tianqi"></p>
                   <span class="shidu"></span>
                   <p class="fengxiang"></p>
               </li>
               <li>
                   27日(周四)
                   <i class="icon iconfont icon-qing"></i>
                   <p class="tianqi"></p>
                   <span class="shidu"></span>
                   <p class="fengxiang"></p>
               </li>
           </ul>
            <div class="right">
                <p><span id="drsg"></span></p>
                <p><span id="uv"></span></p>
            </div>
        </main>
    </div>

    <script src="js/script.js"></script>
</body>
</html>